
body,h1,h3,h2h4,h5,p,div,iframe,form,table,td {
    padding: 0;
    margin: 0;
}
th{
    padding: 5;
    margin: 0;
}


a { outline: none; }


div.news-container
{
    background-image: url(./gfx/sidebar-bg.gif);
    background-repeat: repeat-y;
    background-position: right;
    background-color: #eff2f3;
}


div.news-container-2 {
    background: url(./gfx/lshad.gif) repeat-y left;
}

#container {
    background-image: url(./gfx/lshad.gif);
    background-repeat: repeat-y;
    background-position: left;
}



/* @group streamsbox */

.streamsbox {
    margin-right: 14px;
    margin-left: 22px;
    background-color: #e6eaec;
    background-image: url(./gfx/sb_3.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 50px;
    overflow: hidden;
    display: none;
    width: 90%;
}

.streamsbox .st1,
.streamsbox .st1 .st2,
.streamsbox .st1 .st2 .st3,
.streamsbox .st1 .st2 .st3 .st4,
.streamsbox .st1 .st2 .st3 .st4 .st5,
.streamsbox .st1 .st2 .st3 .st4 .st5 .st6,
.streamsbox .st1 .st2 .st3 .st4 .st5 .st6 .st7,
.streamsbox .st1 .st2 .st3 .st4 .st5 .st6 .st7 .st8 {padding:0; margin:0; height:100%;}

.streamsbox .st1 {background-image: url(./gfx/sb_1.jpg); background-repeat: repeat-y; background-position: left;}
.streamsbox .st1 .st2 {background-image: url(./gfx/sb_2.jpg); background-repeat: repeat-y; background-position: right;}
.streamsbox .st1 .st2 .st3 {background-image: url(./gfx/sb_2.jpg); background-repeat: repeat-y; background-position: right;}
.streamsbox .st1 .st2 .st3 .st4 {background-image: url(./gfx/sb_0.jpg); background-repeat: repeat-x; background-position: top; }
.streamsbox .st1 .st2 .st3 .st4 .st5 {background-image: url(./gfx/sb_4.jpg); background-repeat: no-repeat; background-position: left bottom;}
.streamsbox .st1 .st2 .st3 .st4 .st5 .st6 {background-image: url(./gfx/sb_5.jpg); background-repeat: no-repeat; background-position: right bottom;}
.streamsbox .st1 .st2 .st3 .st4 .st5 .st6 .st7 {background-image: url(./gfx/sb_6.jpg); background-repeat: no-repeat; background-position: left top; }
.streamsbox .st1 .st2 .st3 .st4 .st5 .st6 .st7 .st8 {background-image: url(./gfx/sb_7.jpg); background-repeat: no-repeat; background-position: right top;}

.streamsbox div.streamsbox-header {
    height: 41px;
    margin-left: 12px;
    margin-right: 10px;
}

.streamsbox div.streamsbox-header h2 {
    font: 15px "Lucida Grande", Tahoma, Verdana, sans-serif;
    padding-top: 11px;
    padding-left: 0px;
    color: #2a3340;
    text-shadow: #fff 0 1px 0;
 
}

table.streamsbox-results {
    padding: 0;
    width: 90%;
}

.streamsbox .resultscontainer {
    margin-left: 12px;
    margin-right: 10px;
}

table.streamsbox-results tr {
    height: 20px;
    font: 10px/20px "Lucida Grande", Tahoma, Verdana, sans-serif;
}

table.streamsbox-results tr.dark {
    background-color: #dbdfe1;
}

table.streamsbox-results tr.light {
    background-color: #e6eaec;
}
table.streamsbox-results tr.selected {
    background: #dde9f0 url(./gfx/streamsbox-tab-acti.gif) repeat-x;
}
table.streamsbox-results tr:hover {
    background: #fff url(./gfx/streamsbox-tab-hov.gif) repeat-x 0 0;
}
table.streamsbox-results tr:active {
    background: #fff url(./gfx/streamsbox-tab-hov.gif) repeat-x 0 -20px;
}

table.streamsbox-results tr td.swap {
    width: 26px;
}

table.streamsbox-results tr td.swap a {
    display: block;
    width: 30px;
    text-indent: -9999px;
    margin-left: 9px;
}

table.streamsbox-results tr td.swap {
    display: none;
}

table.streamsbox-results tr.dark td.swap a {
    background: url(./gfx/ring-dark-norm.gif) no-repeat 2px 3px;
}

table.streamsbox-results tr.light td.swap a {
    background: url(./gfx/ring-light-norm.gif) no-repeat 2px 3px;
}

table.streamsbox-results tr.selected td.swap a {
    background: url(./gfx/ring-selected.gif) no-repeat 2px 3px;
}

table.streamsbox-results tr:hover td.swap a {
    background: url(./gfx/ring-hover-light.gif) no-repeat 2px 3px;
}

table.streamsbox-results tr td.swap a:hover {
    background: url(./gfx/ring-hover-light.gif) no-repeat 2px 3px;
}
table.streamsbox-results tr:active td.swap a {
    background: url(./gfx/ring-active.gif) no-repeat 2px 3px;
}
table.streamsbox-results tr td.staffid {
    width: 25px;
    font-weight: bold;
    color: #3a3d44;
    white-space: nowrap;
    padding-left: 10px;
    text-align:center
}

table.streamsbox-results tr td.name {
    width: 55px;
    font-weight: bold;
    color: #6b747f;
    text-shadow: #eeeeef 0px 1px 0px;
    white-space: nowrap;
    text-align:right;
    padding-left: 25px;
}


table.streamsbox-results tr td.joined {
    width: 70px;
     padding-right: 10px;
    display: block;
    height: 20px;
    text-decoration: none;
    color: #314b75;
    text-shadow: #e8edf1 0 1px 0;
    font-weight: bold;
    overflow: hidden;
    text-align:right;
}

.bluebox .newsbox-title a {
    color: #385180;
}

.bluebox .newsbox-title a {
    color: #37436e;
}

.bluebox .newsbox-title a:hover {
    color: #6480b1;
}

.bluebox .newsbox-title a:hover {
    color: #556997;
}

.bluebox .newsbox-title a:active {
    color: #7789b1;
}

.bluebox .catbox .buoyancy
{
    color: #314572;
}

.bluebox .catbox
{
    background-color: #c9dced;
    background-image: url(./gfx/catbar_blue_2.jpg);
}

.bluebox .catbox .cats
{
    color: #86a6d4;
    background-image: url(./gfx/catbar_right_bg.jpg);
}

.bluebox .catbox .cats a
{
    color: #45719d;
    text-transform: uppercase;
    font-variant: normal;
    font-family: "Lucida Grande", Tahoma, Verdana, Lucida, sans-serif;
    font-weight: normal;
    font-style: normal;
}

.bluebox .catbox .cats a:hover
{
    color: #9DB8D0;
}

.bluebox .catbox .buoyancy
{
    background: url(./gfx/catbar_left_bg.jpg) no-repeat;
}

.bluebox .buoy-rating {
    background: #3b6995 url(./gfx/buoy_center_2.jpg) repeat-x;
}

.bluebox .buoy-rating .bu1 {background-image: url(./gfx/buoy_left_2.jpg);}
.bluebox .buoy-rating .bu1 .bu2 {background-image: url(./gfx/buoy_right_2.jpg);}

.bluebox .buoy-rating .buoy-text a {
    color: #FFFFFF;
    text-shadow: #172849 0 1px 2px;
}

/* @end */

.catbox {
    margin-left: 22px;
    margin-right: 14px;
    background-repeat: repeat-x;
    position: static;
    margin-top: 0px;
    height: 32px;
    width:90%;
}




.catbox .buoyancy {
    font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    height: 32px;
    line-height: 31px;
    padding-left: 25px;
    float: left;
    text-shadow: #edf5fe 0 1px 0;
}

.catbox .peak-rating {
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #52698B;
    text-decoration: none;
    font-weight: bold;
    height: 32px;
    line-height: 31px;
    padding-left: 15px;
    float: left;
    display: none;
}

.catbox span.peak-explain {
    display: none;
    float: left;
    font: 11px "Lucida Grande", Tahoma, Verdana, Lucida, sans-serif;
    padding-top: 8px;
    margin-left: 15px;
    margin-right: 1px;
    color: #68768b;
    text-shadow: #fff 0 1px 0;
}

.buoy-rating {
    float: left;
    height: 19px;
    margin-top: 7px;
    margin-left: 9px;
    width: auto !important;
    width: 25px;
}


.buoy-rating .buoy-text a {
    padding-top: 1px;
    display: block;
    text-decoration: none;
    font: bold 13px/16px Arial, Helvetica, Geneva, sans-serif;
    letter-spacing: 0;
}


.buoy-change {
    float: left;
    height: 20px;
    width: 56px;
    background-repeat: no-repeat;
    background-position: left 10px;
    margin-top: 1px;
    margin-left: 7px;
    font: bold 9px/29px "Lucida Grande", Lucida, Verdana, sans-serif;
    text-indent: 13px;
    text-shadow: #edf5fe 0 1px 0;
    white-space: nowrap;
    display: block;
}

.buoy-increase {
    background-image: url(./gfx/buoy_increase.jpg);
    color: #309310;
}
.buoy-decrease {
    background-image: url(./gfx/buoy_decrease.jpg);
    color: #c0131d;
}
.buoy-neutral {
    background-image: url(./gfx/buoy_neutral.jpg);
    color: #697084;
}

.catbox .cats {
    text-decoration: none;
    height: 32px;
    padding-right: 18px;
    float: right;
    background-repeat: no-repeat;
    background-position: right;
    text-shadow: #edf5fe 0 1px 0;
    text-transform: uppercase;
    font: normal normal 11px/31px "Lucida Grande", Verdana, Arial;
}

.catbox .cats a {
    text-decoration: none;
}


.bluebox2 .buoy-rating .buoy-text a:hover {
    color: #DCEDF5;
}

.bluebox2 .buoy-rating .buoy-text a:active {
    color: #C0D7E9;
}


.catbox .cats a:hover {
    text-decoration: none;
}



.catbox .sendfriend a {
    color: #46617f;
    text-decoration: none;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    float: right;
    height: 32px;
    line-height: 32px;
    background-image: url(./gfx/catbar_bg_left.jpg);
    background-repeat: repeat-y;
    background-position: right;
    padding-right: 15px;
    padding-left: 15px;
}

.catbox .sendfriend a:hover {
    color: #7D99B7;
}



/* @end */

/* @group combar */

#iconoffset_sf {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.combar {
    background-repeat: repeat-x;
    background-color: #e6e9ed;
    background-image: url(./gfx/combar-m.gif);
    position: static;
    height: 39px;
    margin: 0px 14px 16px 22px;
    width: 90%;
}

.combar .cb1 {
    height: 39px;
    background: url(./gfx/combar-l.gif) no-repeat left;

}

.combar .cb2 {
    height: 39px;
    background: url(./gfx/combar-r.gif) no-repeat right;

}

/* @group comments button */

.combar .commentbutton a {
    height: 24px;
    float: left;
    margin-top: 5px;
    margin-left: 0px;
    color: #424d5d;
    text-decoration: none;
    text-shadow: #fff 0 1px 0;
    padding: 0 6px 0 41px;
    font: bold 11px/21px "Lucida Grande", Tahoma, Verdana, sans-serif;
    background: url(./gfx/comments-button-reg.gif) no-repeat 10px 0;
}

.combar .commentbutton a.selected {
    background: url(./gfx/comments2/combar-button-selected.gif) no-repeat 10px 0;
}
.combar .commentbutton a:hover {
    color: #0e121d;
    background-position: 10px -24px;
    background-repeat: no-repeat;
}

.combar .commentbutton a:active {
    background-position: 10px -48px;
    background-repeat: no-repeat;
}


.combar .linkto a {
    text-decoration: none;
    display: block;
    float: right;
    height: 14px;
    width: 30px;
    margin-top: 10px;
    margin-right: 12px;
    background-image: url(./gfx/linkto.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    font-size: 0px;
    margin-left: 12px;
}
.combar .linkto a:hover {
    background-image: url(./gfx/linkto_over.jpg);
}

.combar .streams a,
.combar .streams-up a {
    cursor:pointer;
    height: 23px;
    float: right;
    margin-left: 0px;
    color: #465265;
    padding-top: 1px;
    text-decoration: none;
    padding-right: 30px;
    text-align: right;
    font: 13px "Lucida Grande", Tahoma, Verdana, sans-serif;
    text-shadow: #fff 0 1px 0;
    margin-right: 10px;
    margin-top: 7px;
}

.combar .streams a {
    background-image: url(./gfx/streams-button-reg-n.gif);
    background-repeat: no-repeat;
    background-position: right 0;
}

.combar .streams a strong,
.combar .streams-up a strong {
    font-weight: bold;
    font-size: 14px;
}

.combar .streams a:hover {
    color: #0e121d;
    background-position: right -24px;
}
.combar .streams a:active {
    background-position: right -48px;
}

.combar .streams-up a {
    background-image: url(./gfx/streamsbutt_upar.gif);
    background-repeat: no-repeat;
    background-position: right 0;
    color: #4c5970;
}

.combar .streams-up a:hover {
    background-position: right -24px;
}
.combar .streams-up a:active {
    background-position: right -48px;
}

.combar .streams a strong {
    color: #162246;
}

.combar .streams-up a strong {
    color: #364053;
}
